<template>
  <div>
    <div class="container" @click="feedback">
      <span>意见反馈</span>
    </div>
    <van-grid :column-num="2">
      <van-grid-item
        v-for="item in gridList"
        :key="item.id"
        :icon="item.icon"
        :text="item.title"
        @click="metroClick(item.name)"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  props: ["gridList"],
  methods: {
    feedback() {
      this.$router.push('/feedback')
    },
    metroClick(name) {
      this.$emit('MetroClick', name)
    }
  }
};
</script>

<style scoped>
.container {
  width: 100%;
  height: 80px;
  font-size: 18px;
  line-height: 70px;
  font-weight: bold;
  text-align: center;
}
</style>